517. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

517.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:34 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo26_en.css2021-04-28 03:14:22 +0000

517.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1395
Removed00

517.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

517.4 Active regular expressions

No regular expressions were active.

517.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:14:21 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 57.17%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 40.83%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 42.8775%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 30.6225%;
    19     }
    20 }
    21 
    22 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container, .layout-1220 .container, .container,.page-header.type15 .header-main .header.content {
    23     max-width: 88%;
    24     padding-left: 0!important;
    25     padding-right: 0!important;
    26     margin: 0 auto;
    27 }
    28 body { 
    29     line-height: 25px;
    30     letter-spacing: 0;
    31     background-color: #f4f4f4;
    32 
    33 p {
    34     letter-spacing: 0;
    35 }
    36 li {
    37     line-height: 25px;
    38 }
    39 @media (max-width: 575px){
    40 body {
    41     font-size: 13px;
    42     line-height: 21px;
    43 }
    44 }
    45 h1, h2, h3, h4, h5, h6 {
    46     font-family: Poppins,sans-serif;
    47     color: #222529;
    48     letter-spacing: normal;
    49 }
    50 h1 { 
    51     font-weight: 700;
    52     font-size: 32px;
    53     line-height: 40px;
    54     letter-spacing: -.64px;
    55     margin: 0 0 32px 0;
    56 }
    57 h2 { 
    58     font-weight: 600;
    59     font-size: 24px;
    60     line-height: 30px;
    61     letter-spacing: -.5px;
    62     margin: 0 0 32px 0;
    63 }
    64 h3 { 
    65     font-weight: 500;
    66     font-size: 18px;
    67     line-height: 24px;
    68     margin: 0 0 20px 0;
    69 }
    70 h4 { 
    71     font-weight: 600;
    72     font-size: 16px;
    73     line-height: 22px;
    74     margin: 0 0 14px 0;
    75 }
    76 h5 { 
    77     font-weight: 500;
    78     font-size: 14px;
    79     line-height: 26px;
    80     margin: 0 0 14px 0;
    81 }
    82 h6 { 
    83     font-weight: 400;
    84     font-size: 13px;
    85     line-height: 26px; 
    86 }
    87 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    88     font-family: 'Segoe Script','Savoye LET';
    89 }
    90 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    91     color: #ff7272;
    92 }
    93 html .btn-modern {
    94     text-transform: uppercase;
    95     font-size: .75rem;
    96     padding: .75rem 1.5rem;
    97     font-weight: 600;
    98     height: auto;
    99 }
    100 html .action.primary, html .btn { 
    101     line-height: 1.42857; 
    102     font-weight: 600;
    103     text-transform: uppercase;
    104     letter-spacing: .15em;
    105     padding: 1.125em 2.1em;
    106     font-family: Poppins,sans-serif;
    107     font-size: .8rem;
    108 }
    109 html .btn-modern {
    110     font-size: .8125rem;
    111     padding: 1em 2.8em;
    112 }
    113 html .btn-lg { 
    114     line-height: 1.3333;
    115 }
    116 html .action.primary {
    117     color: #fff;
    118     background-color: #4db7b3;
    119     border-color: #4db7b3 #4db7b3 #4db7b3;
    120 }
    121 html .btn-xl {
    122     font-size: 1rem;
    123     padding: .8rem 2rem;
    124 }
    125 .btn-modern.btn-xl {
    126     font-size: 1rem;
    127     padding: 1.25em 3.125em;
    128 }
    129 .btn-modern.btn-lg {
    130     font-size: .875rem;
    131     padding: 1rem 2.25rem;
    132 }
    133 .btn-flat {
    134     padding: 0!important;
    135     background: none!important;
    136     border: none!important;
    137     border-bottom: 1px solid transparent!important;
    138     box-shadow: none!important;
    139     text-transform: uppercase;
    140     font-size: .75rem;
    141 
    142 html .btn-dark {
    143     color: #fff;
    144     background-color: #222529;
    145     border-color: #222529 #222529 #0b0c0e;
    146 
    147 html .btn-light {
    148     color: #222529;
    149     background-color: #fff;
    150     border-color: #fff #fff #e6e6e6;
    151 }
    152 html .btn-quaternary {
    153     color: #fff;
    154     background-color: #323232;
    155     border-color: #323232 #323232 #191919;
    156 }
    157 html .background-color-secondary {
    158     background-color: #f4a085 !important;
    159 
    160 .top-icon .porto-sicon-header {
    161     margin-bottom: .75rem;
    162 }
    163 .page-header.type15 .main-panel-top {
    164     display: block;
    165     border-bottom: 1px solid #e7e7e7;
    166     font-family: 'Open Sans';
    167 }
    168 .page-header.type15 .panel.wrapper { 
    169     min-height: 48px;
    170     font-size: 12px;
    171 }
    172 .page-header.type15 .nav-sections .navigation { 
    173     max-width: 100%;
    174 }
    175 .page-header.type15 .header-main .separator {
    176     display: none;
    177 }
    178 .page-header.type15 .header-contact .wishlist i {
    179     font-size: 27px; 
    180 }
    181 .minicart-wrapper .action.showcart .counter.qty { 
    182     background-color: #b35827; 
    183 }
    184 @media (min-width: 1500px) {
    185 .page-header.type15 .search-area {
    186     margin-right: 1em;
    187 }
    188 }
    189 @media (min-width: 1200px) {
    190 .page-header.type15 .header-main .header-right {
    191     flex: 1; 
    192 }
    193 .page-header.type15 .header-main .header-left {
    194     flex: inherit;
    195 }
    196 }
    197 @media (min-width: 992px) {
    198 .page-header.type15 .header-main .header-left, .page-header.type15 .header-main .header-right {
    199     padding-top: 0;
    200     padding-bottom: 0;
    201 }
    202 .page-header.type15.sticky-header .header-main .header-left, .page-header.type15.sticky-header .header-main .header-right {
    203     padding-top: 0;
    204     padding-bottom: 0;
    205 }
    206 .page-header.type15 .switcher:first-child .options .action.toggle {
    207     padding-left: 0;
    208 }
    209 .page-header.type15 .header.panel > .header.links > li {  
    210     padding: 0 5px;
    211 }
    212 .page-header.type15 .header.panel > .header.links > li > a { 
    213     text-transform: uppercase;
    214     font-weight: 600;
    215     line-height: 26px;
    216     padding: 0;
    217 }
    218 .page-header.type15 .header.panel > .header.links > li:last-child {  
    219     padding-right: 0;
    220 }
    221 .page-header.type15 .header.panel > .header.links > li:after {
    222     content: "|";
    223     font-weight: 300;
    224     position: relative;
    225     top: -1px;
    226     font-size: .95em;
    227     opacity: .8;
    228     margin: 0 4.5px 0 10.5px;
    229 }
    230 .page-header.type15 .header.panel > .header.links > li:last-child:after {
    231     display: none;
    232 }
    233 .page-header.type15 .navigation:not(.side-megamenu) li.level0 .submenu .container {
    234     padding-left: 10px !important;
    235     padding-right: 10px !important;
    236     max-width: 100%;
    237 }
    238 .page-header.type15 .navigation .level0 .submenu a { 
    239     font-family: Open Sans,sans-serif;
    240 }
    241 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top { 
    242     font-family: Open Sans,sans-serif;
    243     font-weight: 700;
    244     line-height: 20px;
    245     letter-spacing: -.5px; 
    246     padding: 35px 15px 35px 15px;
    247 
    248 .page-header.type15.sticky-header .navigation:not(.side-megamenu) .level0 .level-top {
    249     padding-top: 25px;
    250     padding-bottom: 25px;
    251 }
    252 .page-header.type15 .header-contact .wishlist {
    253     margin: 0; 
    254     top: 1px;
    255     position: relative;
    256 }
    257 .page-header.type15 .minicart-wrapper {
    258     height: 27px;
    259 }
    260 .page-header.type15 .search-area { 
    261     max-width: 568px;
    262 }
    263 .page-header.type15 .search-area .minisearch .actions button { 
    264     color: #fff;
    265     background: #222529;
    266     border-radius: 0 24px 24px 0;
    267     padding: 0 28px 0 21px;
    268     font-size: 19.5px;
    269     width: auto;
    270 }
    271 .page-header.type15 .block-search .action.search:before {
    272     font-weight: 400;
    273 }
    274 .page-header.type15 .search-category {
    275     right: 70px !important;
    276 }
    277 .page-header.type15 .block-search input, .page-header.type15 .search-category {
    278     height: 48px;
    279     font-style: normal;
    280 }
    281 }
    282 @media (min-width:992px) and (max-width: 1279px) {
    283 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {
    284     padding: 35px 10px 35px 10px;
    285 }
    286 }
    287 @media (max-width: 767px) {
    288 .page-header.type15 .main-panel-top {
    289     display: none; 
    290 }
    291 }
    292 .page-wrapper > .breadcrumbs {
    293     border-top: 1px solid #e7e7e7; 
    294     margin-bottom: 35px;
    295     font-size: 10px;
    296     font-weight: 600;
    297     letter-spacing: .05em;
    298 }
    299 .page-wrapper > .breadcrumbs .items {
    300     padding-top: 16px;
    301     padding-bottom: 16px;
    302 }
    303 .page-wrapper > .breadcrumbs .items>li.home a {
    304     width: auto;
    305     text-indent: 0;
    306 }
    307 .page-wrapper > .breadcrumbs .items>li.home a:after {
    308     display: none;
    309 }
    310 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
    311     border: none;
    312 }
    313 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
    314     padding: 0;
    315     margin-bottom: 30px;
    316     border: none;
    317 }
    318 .filter-current {padding: 0;}
    319 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle {
    320     border-bottom: 1px solid #e7e7e7;
    321     padding: 0 0 6px;
    322     margin-bottom: 0;
    323     line-height: 1.4;
    324     font-size: 12px;
    325     font-weight: 600;
    326     color: #000;
    327     letter-spacing: .05em;
    328     font-family: Poppins,sans-serif;
    329 }
    330 .side-custom-block .custom-block h2 {
    331     margin-bottom: 10px;
    332 }
    333 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions {
    334     padding-left: 15px;
    335 }
    336 .block-category-list .block-content ol li a {
    337     font-size: 12px;
    338     padding: 4px 0;
    339     font-weight: 400;
    340 }
    341 .side-custom-block .custom-block:last-child {
    342     margin-bottom: 0;
    343 }
    344 .side-custom-block .custom-block h5 {
    345     margin-top: 0 !important;
    346 }
    347 @media (min-width: 1500px) {
    348 .page-layout-2columns-left .sidebar-main,.page-layout-2columns-right .sidebar-main {
    349     flex: 0 0 20%;
    350     width: 20%;
    351 }
    352 .page-layout-2columns-left .column.main,.page-layout-2columns-right .column.main {
    353     flex: 0 0 80%;
    354     width: 80%;
    355 }
    356 }
    357 .product-item-info .product-item-details .product-item-actions .tocart {
    358     letter-spacing: 0;
    359 }
    360 .price-box .price { 
    361     font-family: 'Open Sans';
    362 }
    363 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
    364 .widget .widgettitle {
    365     font-size: 1rem;
    366     letter-spacing: -.02em;
    367 
    368 .footer, .footer p { 
    369     letter-spacing: 0;
    370 
    371 .footer .widgettitle, .footer .widget-title {
    372     font-size: 1.23em;
    373     text-transform: none;
    374     font-weight: 600;
    375 }
    376 .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    377     color: #fff;
    378 }
    379 html .background-color-secondary {
    380     background-color: #ff7272!important;
    381 }  
    382 .footer-top .custom-block:before, .footer-top .custom-block::after {
    383     display: none;
    384 }
    385 .footer-top > .container {
    386     max-width: 100%;
    387 
    388 @media (min-width: 992px) {
    389 .footer-middle .col-lg-3:last-child {
    390     text-align: right;
    391 }
    392 }
    393 .footer-bottom address { 
    394     text-align: center; 
    395 }